{% extends 'base.html' %}
{% load static %}

{% block title %}{% endblock %}
{% block css %}

    <link rel="stylesheet" href="{% static 'font/css/baguetteBox.min.css' %}">
    <link rel="stylesheet" href="{% static 'font/css/thumbnail-gallery.css' %}">

    <style>
        .jq22-demo {
            text-align: center;
            margin-top: 30px;
        }

        .jq22-demo a {
            padding-left: 20px;
            padding-right: 20px;
        }
    </style>

{% endblock %}
{% block content %}

    <div class="htmleaf-container">
        <div class="container gallery-container">

            <div class="tz-gallery">
                <div class="row">

                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            {#                                <a class="lightbox" href="/media/{{ field.food_img }}">#}
                            <a class="lightbox" href="{% url 'push' %}">
                                <img src="{% static 'img/img.png' %}" alt="Park"
                                     style="width: 500px;height: 300px;">
                            </a>
                            <div class="caption">

                                <p><span style="color:red;"><a href="{% url 'push' %}">上传</a></span>
                                </p>


                            </div>
                        </div>
                    </div>
                    <div class="col-sm-6 col-md-4">
                        <div class="thumbnail">
                            <a class="lightbox" href="{% url 'pull' %}">
                                <img src="{% static 'img/img_1.png' %}" alt="Park"
                                     style="width: 500px;height: 300px;">
                            </a>
                            <div class="caption">

                                <p><span style="color:red;"><a href="{% url 'pull' %}">下载</a></span>
                                </p>


                            </div>
                        </div>
                    </div>

                </div>


            </div>

        </div>

    </div>

    </div>

{% endblock %}

{% block js %}


    <script type="text/javascript" src="{% static 'font/js/baguetteBox.min.js' %}"></script>
    <script type="text/javascript">
        baguetteBox.run('.tz-gallery');
    </script>

{% endblock %}